/*

 ******************************************************************************
                            GENERAL DOCUMENT PROPERTIES
 ******************************************************************************
 */
body {
   font-family: ComputerModern Serif;
   text-align: center;
   width: 100%;
   background-color: #838383;
   padding: 0px;
   margin: 0px;
   padding-bottom: 10px;
   /*background-image: url('images/bg.jpg');*/
   background-repeat:no-repeat;
   background-attachment:fixed;
   background-position:center top;
}

div#page {
   width: 720px;
   background-color: #FFF;
   padding-top: 10px;
   padding-bottom: 20px;
   margin: auto;
   border: solid 1px black;
   margin-top: 30px;
   margin-bottom: 10px;
   padding-top: 50px;
   min-height: 800px;
}

article {
   text-align: justify;
   padding-left: 80px;
   padding-right: 80px;
   margin: auto;
}


/*
 ******************************************************************************
                            HEADER & ABSTRACT
 ******************************************************************************
 */
header {
   text-align: center;
}

header h1 {
   font-weight: normal;
   font-size: 200%;
}

header p {
   font-size: 110%;
}

.abstract {
   padding-left: 40px;
   padding-right: 40px;
   font-size: 100%;
   text-align: center;
}

.abstract:before {
   content: "Abstract";
   font-weight: bold;
}

.abstract p {
   text-align: justify;
   font-size: 90%;
   text-indent: 0px;
}

/*
 ******************************************************************************
                            CONTENTS
 ******************************************************************************
 */
h1 {
   font-size: 150%;
   margin-top: 50px;
}

h2 {
   font-size: 120%;
   margin-top: 50px;
}

h3 {
   font-size: 100%;
   margin-top: 50px;
}

p {
   text-indent: 20px;
   margin: 0px;
   margin-top: 5px;
   margin-bottom: 5px;
}

p.noindent {
   text-indent: 0px;
}

/*
 ******************************************************************************
                            EDITABLE OBJECTS
 ******************************************************************************
 */
[contentEditable=true] {
   border: 2px solid transparent;
   border-radius: 4px;
   outline: 0px solid transparent;
   padding-left: 5px;
   padding-right: 5px;
}

[contentEditable=true]:focus {
   border: 2px solid #FA0;
}

[contentEditable=true]:focus:hover {
   border: 2px solid #FA0;
}

[contentEditable=true]:hover {
   border: 2px solid #08C;
}

.editableBeingRemoved {
   border: 2px solid #FA0;
}

.editableBlock:hover {
   background-color: #acc9dc;
}

